<template>
  <div>
    <!-- 缩放参数调节 -->
    <el-row :gutter="20">
      <el-col :span="6" :offset="16">
        <div class="grid-content bg-purple">
          竖直缩放
          <div class="slider-demo-block">
            <el-slider v-model="vertical" show-input> </el-slider>
          </div>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="6" :offset="16">
        <div class="grid-content bg-purple">
          水平缩放
          <div class="slider-demo-block">
            <el-slider v-model="horizontal" show-input> </el-slider>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script setup lang="ts">
    import { ref } from 'vue';
    // 缩放参数
	const vertical: number = ref(0);
	const horizontal: number = ref(0);
    
</script>